<template>
  <div class="father">
    <h3>父组件</h3>
    <h3>收到的电脑：{{ computer }}</h3>
    <Child1 />
    <Child2 />
  </div>
</template>

<script setup lang="ts" name="Father">
import { onUnmounted, ref } from 'vue';
import Child1 from './Child1.vue'
import Child2 from './Child2.vue'
import emitter from '@/utils/emitter';

let computer = ref()

emitter.on('save-computer', (value: any) => {
  computer.value = value
})
onUnmounted(() => {
  emitter.off('save-computer')
})
</script>

<style scoped>
.father {
  background-color: rgb(165, 164, 164);
  padding: 20px;
  border-radius: 10px;
}

.father button {
  margin-left: 5px;
}
</style>